<template>
	<view class="empty">
		<image mode="widthFix" class="image" :src="emptyImage" />
		<view class="text">{{ emptyText }}</view>
	</view>
</template>
<script>
export default {
	name: 'Empty',
	props: {
		empty: {
			type: Boolean,
			default: () => {
				return false;
			}
		},
		emptyImage: {
			type: String,
			default: () => {
				return require('static/images/common/empty-goods.png');
			}
		},
		emptyText: {
			type: String,
			default: () => {
				return '暂无商品~';
			}
		}
	},
};
</script>

<style lang="scss" scoped>
	.empty {
		width: 100%;
		@include flexBox(center, center, column);
		.image {
			width: 300rpx;
		}
		.text {
			color: #666666;
			font-size: 24rpx;
		}
	}
</style>
